﻿<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<html>
<head>
	<% String path =  request.getContextPath();     %>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>花卉销售系统</title>
	<meta name="keywords" content="花卉销售系统">
	<meta name="description" content="花卉销售系统">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="shortcut icon" href="/images/favicon.ico">
	<!-- include main css -->
	<link href="/css/cart.css" media="screen" rel="stylesheet" type="text/css" />

	<link rel="stylesheet" type="text/css" href="/css/slick.css"/>
	<link rel="stylesheet" type="text/css" href="/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="/css/jquery.mmenu.all.css"/>
	<link rel="stylesheet" type="text/css" href="/css/style.css"/>
	<link rel="stylesheet" type="text/css" href="/css/jquery.mCustomScrollbar.css"/>
	<link rel="stylesheet" href="http://cdn.bootcss.com/animate.css/3.5.1/animate.min.css">
	<script type="text/javascript" src="<%=path %>/js/jquery.min.js"></script>
	<script type="text/javascript" src="<%=path %>/js/jquery.easyui-1.5.1.min.js"></script>
	<script type="text/javascript" src="<%=path %>/js/themes/insdep/jquery.insdep-extend.min.js"></script>

	<!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
   
    <![endif]-->
   
	
</head>
<body>

<script >

	//去查看订单
	function toOrders(){
		$.ajax({
			url:"order/myorders",
			type:"post",
			data:"",
			datatype:"text",
			async:false,
			success:function(){
				window.location.href = "/order/myorders";
			},
			error:function () {
				window.location.href = "/order/myorders";

			}
		})
	}

	//进购物车
	function tocart() {
		$.ajax({
			url:"/cart/tocart",
			type:"post",
			data:"",
			datatype:"text",
			async:false,
			success:function () {
				window.location.href = "/cart/tocart";
			},
			error:function () {
				window.location.href="/cart/tocart";
			}
		})
	}
	//进商城
	function toShopping() {
		$.ajax({
			url:"/mall/shopping/0",
			type:"post",
			data:"",
			datatype:"text",
			async:false,
			success:function () {
				window.location.href="/mall/shopping/0";
			},
			error:function () {
				window.location.href="/mall/shopping/0";
			}
		})
	}
	//获取花朵数据



</script>
<div>
	
	<!--header-->
	<header class="header" style="margin-top: 0px">
		<section class="container naver clearfix">
			<div class="logo pull-left"><a href="index.html" title="花卉销售系统" alt="花卉销售系统"></a></div>
			<nav class="nav pull-left">
				<ul>
					<li class="active"><a href="/user/index" >首页</a></li>
					<li><a onclick="toShopping()">商城</a>

					<li><a  onclick="tocart()" > 购物车 </a>

					</li>
					<li><a  onclick="toOrders()"> 查看订单 </a>

					</li>
				</ul>
			</nav>
			<div class="search pull-left" style="margin-top: 55px" >
				<img src="/images/search.png"/>
				<input type="text" class="top_search"  value="" />
				<input type="submit" class="top_sub" value="搜索" />
			</div>
			<div class="language pull-right clearfix">

				<span>种植园花卉售卖系统</span>
			</div>
		</section>
	</header>

    <section class="container">
    	<a href="#mmenu" class="phone-nav glyphicon glyphicon-list"></a>
    </section> 
			
	<!--banner-->
	<section class="banner">
	    <div><a href=""><img src="/images/banner.jpg" alt=""></a></div>
	    <div><a href=""><img src="/images/banner.jpg" alt=""></a></div>
	    <div><a href=""><img src="/images/banner.jpg" alt=""></a></div>
	</section>
	



	<!--移动端  Mmenu-->
	<nav id="mmenu">
		<ul>
			<li><a href="">English</a></li>
			<li><a href="index.html">首 页</a></li>
			<li><a href="brand.html">品牌简介</a>
				<ul>
					<li><a href="brand.html">品牌简介</a></li>
					<li><a href="">企业文化</a></li>
					<li><a href="honor.html">荣誉资质</a></li>
				</ul>
			</li>
			<li><a href="product.html">购物车</a>
				<ul>
					<li><a href=""> 婚礼花艺 </a>
						<ul>
							<li><a href="">求婚必备</a></li>
							<li><a href="">情人节专属</a></li>
							<li><a href="">其他鲜花</a></li>
						</ul>
					</li>
					<li><a href="product.html">预 订 单</a>
						<ul>
							<li><a href="">求婚必备</a></li>
							<li><a href="product.html">情人节专属</a></li>
							<li><a href="">其他鲜花</a></li>
						</ul>
					</li>
					<li><a href="">花卉商品</a>
						<ul>
							<li><a href="">求婚必备</a></li>
							<li><a href="">情人节专属</a></li>
							<li><a href="">其他鲜花</a></li>
						</ul>
					</li>
					
				</ul>
			</li>
			<li><a href="case.html">分  店</a>
				<ul>
					<li><a href="case.html">经典案例</a></li>
					<li><a href="">新增分类</a></li>
				</ul>
			</li>
			<li><a href="flower.html">查看订单</a>
				<ul>
					<li><a href="flower.html">花之物语</a></li>
					<li><a href="">养花知识</a></li>
				</ul>
			</li>
			<li><a href="contact.html">联系我们</a>
				<ul>
					<li><a href="contact.html">联系我们</a></li>
					<li><a href="message.html">在线留言</a></li>
					<li><a href="job.html">人才招聘</a></li>
				</ul>
			</li>
		</ul>
	</nav>	
		
</div>

<script type="text/javascript" >
	<%--		跳转去页面并且获得花的信息--%>
	function toflowershow(flowerid){
		$.ajax({                     //Ajax提交路径修改方法
			url:"${pageContext.request.contextPath}/flower/fid/"+flowerid,
			type:"post",     //提交的格式
			data:"", //form表单的id
			dataType:"text",     //返回格式
			success:function (){
				window.location.href = "${pageContext.request.contextPath}/flower/fid/"+flowerid;
			},
			error:function (){
				alert("获得商品错误");  //提示
			}
		})
	}
</script>

<!--爱情鲜花-->
<div class="container love-flowers clearfix">
	<div class="loveh">
		鲜花热榜<span>Love flowers</span><a href="product.html" class="detai pull-right">+</a>
		<div class="line-bottom"></div>
	</div>
	<div class="love-wrap">
		<ul class="clearfix">
<%--			<c:forEach var="flower" items="${flowerList}">--%>
<%--				<li class="wow bounceIn" data-wow-delay="0.4s" style="height: 330px">--%>
<%--					<div class="pic"><a href="${pageContext.request.contextPath}/flower/fid"><img src="${pageContext.request.contextPath}/flower/getIamges/${flower.flowerId}.jpg" class="vcenter"/></a></div>--%>
<%--					<p><a href="${pageContext.request.contextPath}/flower/fid">${flower.flowerName}</a><em>¥</em> <span>${flower.price}</span></p>--%>
<%--				</li>--%>
<%--			</c:forEach>--%>
			<c:forEach var="flower" items="${flowerList}">
				<li style="height: 300px">
					<div class="pic"><a onclick="javascript:return toflowershow('${flower.flowerId}')"><img src="${pageContext.request.contextPath}/flower/getIamges/${flower.flowerId}.jpg" class="vcenter"/></a></div>
					<p><a onclick="javascript:return toflowershow('${flower.flowerId}')">${flower.flowerName}</a><em>¥</em> <span>${flower.price}</span></p>
				</li>
			</c:forEach>

<%--			<li class="wow bounceIn" data-wow-delay="0.4s" style="height: 330px">--%>
<%--				<div class="pic"><a href="${pageContext.request.contextPath}/flower/fid"><img src="/images/love2.jpg" class="vcenter"/></a></div>--%>
<%--				<p><a href="${pageContext.request.contextPath}/flower/fid">给柏拉图的信</a><em>¥</em> <span>399</span></p>--%>
<%--			</li>--%>
<%--			<li class="wow bounceIn" data-wow-delay="0.4s" style="height: 330px">--%>
<%--				<div class="pic"><a href="${pageContext.request.contextPath}/flower/fid"><img src="/images/love3.jpg" class="vcenter"/></a></div>--%>
<%--				<p><a href="${pageContext.request.contextPath}/flower/fid">雍容</a><em>¥</em> <span>399</span></p>--%>
<%--			</li>--%>
<%--			<li class="wow bounceIn" data-wow-delay="0.4s" style="height: 330px">--%>
<%--				<div class="pic"><a href="${pageContext.request.contextPath}/flower/fid"><img src="/images/love4.jpg" class="vcenter"/></a></div>--%>
<%--				<p><a href="${pageContext.request.contextPath}/flower/fid">普罗旺斯的一年</a><em>¥</em> <span>1999</span></p>--%>
<%--			</li>--%>

		</ul>
	</div>
</div>


<div class="brand-in container">
	<div class="brand-in-wrap">
		<div class="brand-left wow " data-wow-delay="0.4s">
			<div class="loveh">
				品牌简介<span>Brand introduction </span>
				<div class="line-bottom"></div>
			</div>
			<p>浪漫花语,花为物语.回忆悠长.如果你有需要,只要你下单,我们会及时把美丽的鲜花送到你的手中.爱上花语,爱上生活.我们传递的不仅是一种商品,我们更加传递的是一种生活的艺术,鲜花让我们生活变得更加的美好,我们应该去感受鲜花的清香,享受生活的美好.
			</p>
			<em>中国互联网电子商务种植园售卖龙头企业</em>
			<div class="read-more">
				<a href="brand.html"></a>
			</div>
		</div>
		<div class="brand-right wow" data-wow-delay="0.4s">
			<img src="/images/brand-in.png" alt="" />
		</div>
	</div>
</div>

<!--花之物语-->
<div class="container flower">
	<div class="flower-wrap">
		<div class="flower-title">
			<img src="/images/flowerline.jpg" alt="" />
			<span>花之物语 <em>Flower</em></span>
			<img src="/images/flowerline.jpg" alt="" />
		</div>
		<div class="flower-con">
			<ul>
				<li class="wow " data-wow-delay="0.3s">
					<div class="flower-ch">
						<span>06-12</span><a href="flower_show.html">时尚广告片中的自然花艺某某鲜花测试文字</a>
						<div class="line"></div>
					</div>
					<p>2016年6月6日，第十届虎啸国际高峰论坛暨第七届虎啸奖颁奖盛典在上海隆重举行。作为商业传播领域最具权威性、前瞻性及创新性的大型赛事活动之一，虎啸奖至今已成功举办... </p>
				</li>
				<li class="wow " data-wow-delay="0.4s">
					<div class="flower-ch">
						<span>06-12</span><a href="flower_show.html">鲜花测试文字母亲节之与妈妈的美丽“花约”</a>
						<div class="line"></div>
					</div>
					<p>作为商业传播领域最具权威性、前瞻性及创新性的大型赛事活动之一，虎啸奖至今已成功举办七届。在本届颁奖盛典上，某某科技有限公司创始人·总裁赵旭隆先生荣膺“年度人物大奖” </p>
				</li>
				<li class="wow " data-wow-delay="0.5s">
					<div class="flower-ch">
						<span>06-12</span><a href="flower_show.html">花艺师的多彩生活之盘点那些电影中的花儿</a>
						<div class="line"></div>
					</div>
					<p>虎啸奖至今已成功举办七届。在本届颁奖盛典上，某某科技有限公司创始人·总裁赵旭隆先生荣膺“年度人物大奖”、某某科技有限公司案例荣获“最佳创意奖”及案例类铜奖</p>
				</li>
				<li class="last wow " data-wow-delay="0.5s">
					<div class="flower-ch">
						<span>06-12</span><a href="flower_show.html">时尚广告片中的自然花艺某某鲜花测试文字</a>
						<div class="line"></div>
					</div>
					<p>2016年6月6日，第十届虎啸国际高峰论坛暨第七届虎啸奖颁奖盛典在上海隆重举行。作为商业传播领域最具权威性、前瞻性及创新性的大型赛事活动之一，虎啸奖至今已成功举办... </p>
				</li>
			</ul>
		</div>
	</div>
</div>



<!--底部导航-->
<div class="container footer-nav">
	<div class="panel-footer clearfix">
		<div class="footer-left pull-left">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="brand.html">购物车</a></li>
				<li><a href="product.html">预定单</a></li>
				<li><a href="case.html">花卉商品</a></li>
<%--				<li><a href="flower.html">分店</a></li>--%>
				<li><a href="contact.html">查看订单</a></li>
			</ul>
		</div>
		<div class="footer-right pull-right">
			<div class="friend">
				友情链接
				<img class="pull-right" src="/images/friends-bg.png" alt="" />
			</div>
			<div class="dropdown">
				<a href="http://www.baidu.com" target="_blank">百度一下，你就知道</a>
			</div>
		</div>
	</div>
	<div class="footer-copy">
		<div class="erweima-wrap"><img src="/" alt="" /></div>
		<div class="footer-hotline">
			<img src="/images/yu.png" alt="" />
			<span>服务热线：<b>花卉售卖</b><em>版权所有<i>©</i>：某某科技有限公司 </em></span>
		</div>
	</div>
</div>





<!--Include Js-->
<script src="http://apps.bdimg.com/libs/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<!--移动端导航-->
<script src="/js/jquery.mmenu.all.min.js" type="text/javascript" charset="utf-8"></script>

<script src="/js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="http://cdn.bootcss.com/wow/1.1.2/wow.min.js"></script>
<script>
if (getIEVersion() !== "IE8") {
	  		new WOW().init();
	  	};
  	 </script>
<!--slick-->
<script src="/js/slick.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	    $(function(){
		    $('.banner').slick({
		        dots: false,
		        autoplay:true,
		        arrows:true,
		        autoplaySpeed:3000,
		    });
		});
</script>

<!--placeholder-->
<script src="/js/jquery.placeholder.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function(){ $('input, textarea').placeholder(); });
</script>

<!--<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->

<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights" id="links20210126">
	Collect from <a href="http://www.cssmoban.com/"  title="网站模板">模板之家</a>
	<a href="http://cooco.net.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>
